@import "../form/form";

$__AUI_INPUT_DATEPICKER_SELECTOR: ".aui-input-datepicker";

// 基础UI
@mixin aui-date-mixin-input-datepicker() {
    display: inline-block;
    .aui-datepicker {
        position: absolute;
    }
    > input {
        @include aui-form-mixin-form-control();    
    }
}

// 创建input datepicker
@mixin aui-create-input-datepicker($selector: $__AUI_INPUT_DATEPICKER_SELECTOR) {
    #{$selector} {
        @include aui-date-mixin-input-datepicker();
    }
}

/// 用来使用input datepicker的selector
@mixin aui-date-use-input-datepicker-selector() {
    #{$__AUI_INPUT_DATEPICKER_SELECTOR} {
        @content;
    }
}

@include aui-vue-register-component("input-datepicker", (sel: $__AUI_INPUT_DATEPICKER_SELECTOR));